Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 21.08.2021, 10:00
Профессор
Отправить личное сообщение для ureech Посмотреть профиль Найти все сообщения от ureech
 
Регистрация: 11.03.2013
Сообщений: 789

Отслеживание кликов при ajax
Привет делаю подгрузку картинок с помощью ajax.Ответ такой
success:function(data){
			datas = jQuery.parseJSON(data);
			for(let i = 0; i<datas.length;i++){
				$('.content_list_image').append(datas.img[i]);
				
			}

Подскажите, а то никак не догнать как мне выводить не с i=0, а с i=num, где num меняется в зависимости от кол-ва загружаемых картинок. Полазил в инет и что то не нашёл чего то вразумительного.
Ответить с цитированием
  #2 (permalink)  
Старый 21.08.2021, 11:14
Профессор
Отправить личное сообщение для ureech Посмотреть профиль Найти все сообщения от ureech
 
Регистрация: 11.03.2013
Сообщений: 789

Сообщение от Rise
А количество где указывается?
Пока нигде. Потом укажу вначале скрипта и буду отправлять на сервер с параметрами аякса или не буду.Пока не решил.
Ответить с цитированием
  #3 (permalink)  
Старый 21.08.2021, 11:58
Профессор
Отправить личное сообщение для ureech Посмотреть профиль Найти все сообщения от ureech
 
Регистрация: 11.03.2013
Сообщений: 789

Например я задаю num = 3 и из всего списка картинок вывожу первые три.

success:function(data){
			datas = jQuery.parseJSON(data);
			for(let i = 0; i<num;i++){
				$('.content_list_image').append(datas.img[i]);
				
			}

Теперь я снова кликаю по кнопке и снова отправляю аякс запрос. Но теперь в ответе мне надо получить от третьей до шестой
success:function(data){
			datas = jQuery.parseJSON(data);
			for(let i = num; i<num+num;i++){
				$('.content_list_image').append(datas.img[i]);
				
			}

И тд
Ответить с цитированием
  #4 (permalink)  
Старый 21.08.2021, 12:14
Профессор
Отправить личное сообщение для ureech Посмотреть профиль Найти все сообщения от ureech
 
Регистрация: 11.03.2013
Сообщений: 789

Сообщение от Rise
Если нужна ленивая загрузка (lazy loading), то есть атрибут loading с полифилом.
Спасибо, сейчас гляну. Но и с этим хотелось бы разобраться)
Ответить с цитированием
  #5 (permalink)  
Старый 21.08.2021, 13:32
Профессор
Отправить личное сообщение для Rise Посмотреть профиль Найти все сообщения от Rise
 
Регистрация: 07.11.2013
Сообщений: 457

ureech,
Если json-файл не меняется, его достаточно загрузить один раз. И даже без ajax, просто <script src="json.js"></script>.

В любом случае, будет какая-то переменная var data = со значением { img: [...] } (или как там у тебя?).
После добавления .append(data.img[i ]), просто удаляется данное img из data.
Ну а цикл всегда с 0 до 2, да он вообще и не нужен .append(data.img[0], data.img[1], data.img[3]).
Ответить с цитированием
  #6 (permalink)  
Старый 21.08.2021, 20:22
Профессор
Отправить личное сообщение для ureech Посмотреть профиль Найти все сообщения от ureech
 
Регистрация: 11.03.2013
Сообщений: 789

Сообщение от Rise
Если json-файл не меняется, его достаточно загрузить один раз.
Меняется. Разные категории и тп.
Ответить с цитированием
  #7 (permalink)  
Старый 21.08.2021, 20:24
Профессор
Отправить личное сообщение для ureech Посмотреть профиль Найти все сообщения от ureech
 
Регистрация: 11.03.2013
Сообщений: 789

Сообщение от Rise
После добавления .append(data.img[i ]), просто удаляется данное img из data.
Зачем? Картинки должны оставаться на странице.
Ответить с цитированием
  #8 (permalink)  
Старый 22.08.2021, 12:01
Профессор
Отправить личное сообщение для ureech Посмотреть профиль Найти все сообщения от ureech
 
Регистрация: 11.03.2013
Сообщений: 789

В общем решил перенести проблему на сервер). Изменил логику получения данных и буду подгружать картинки частями и считать клики по кнопке.
Спасибо за помощь. Почитал о ленивой загрузке. Слишком заумно и для сайта с картинками думаю с точки зрения сео не есть гуд.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Цикл Ajax запроса при click Infinity178 jQuery 1 27.03.2015 09:41
Не выводится результат MySQL (при использовании AJAX) iBars AJAX и COMET 1 17.12.2012 09:13
ajax: Архивация кода, созданного на сервере при передаче promex565 AJAX и COMET 3 09.12.2012 21:57
Загрузка фото на сарвер при помощи AJAX shilinpavel AJAX и COMET 3 22.09.2011 12:22
Не работает Ajax при проверке формы! Имя jQuery 1 01.07.2011 10:45